<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>个人中心</title>
    <link rel="stylesheet" type="text/css" th:href="@{/asserts/css/reset.css}"/>
    <link rel="stylesheet" type="text/css" th:href="@{/asserts/css/global.css}"/>
    <link rel="stylesheet" type="text/css" th:href="@{/asserts/css/web.css}"/>
    <link rel="stylesheet" type="text/css" th:href="@{/asserts/css/k15.css}"/>
    <link rel="stylesheet" type="text/css" th:href="@{/asserts/css/ucCommon.css}"/>
</head>
<body>
<header th:replace="~{commons/tag::headerBar}"></header>
<div class="container">
    <!--左侧导航栏-->
    <ul class="nav" style="width: 150px;float: left">
        <li style="padding-top: 10px;font-size: 30px;width: 150px;height: 50px">订单中心</li>
        <li  style="margin-bottom:20px ">
            <a style="font-size: 20px" th:href="@{/order/all}">我的订单</a>
        </li>
        <li style="margin-bottom:20px ">
            <a style="font-size: 20px" th:href="@{/auction/all}">我的竞拍</a>
        </li>
        <li >
            <a style="font-size: 20px" th:href="@{/user/all}">个人信息</a>
        </li>
    </ul>

    <div style="float:right;width: 938px;">
        <div style="width: 938px;height: 45px">
            <a style="padding-top:5px;line-height:45px;font-size: 25px" th:href="@{/order/all}">全部订单</a>
            <a style="padding-top:5px;margin-left: 40px;font-size: 25px" th:href="@{/order/no}">待支付</a>
            <a style="padding-top:5px;margin-left: 40px;font-size: 25px" th:href="@{/order/already}">已完成</a>
            <a style="padding-top:5px;margin-left: 40px;font-size: 25px" th:href="@{/detail/all}">摊位租赁明细</a>
        </div>
        <div class="table-users" style="margin-top: 10px;margin-bottom: 10px;overflow: auto;height: 500px">
            <table cellspacing="0" style="border-collapse: collapse;text-align: center;margin-bottom: 10px" class="tab">
                <tr style="height: 50px">
                    <td style="font-size: 20px;padding-right: 20px;border-right: 1px solid #327a81">商铺图片</td>
                    <td style="font-size: 20px;padding-right: 20px;border-right: 1px solid #327a81">租金</td>
                    <td style="font-size: 20px;padding-right: 20px;border-right: 1px solid #327a81">租期</td>
                    <td style="font-size: 20px;padding-right: 20px;border-right: 1px solid #327a81">租户</td>
                    <td style="width: 130px;font-size: 20px">到期时间</td>
                </tr>
                <tr  th:each="de,orderStat:${detail}" style="height: 80px" >
                    <td style="font-size: 18px; border-right: 1px solid #327a81" >
                        <img th:src="'http://localhost:81/book/'+${de.stallImg}">
                    </td>
                    <td style="font-size: 18px; border-right: 1px solid #327a81" th:text="${de.rentPrice}" ></td>
                    <td style="font-size: 18px; border-right: 1px solid #327a81" th:text="${de.rentData}"></td>
                    <td style="font-size: 18px; border-right: 1px solid #327a81" th:text="${de.username}"></td>
                    <td style="font-size: 18px;width: 120px" th:text="${#dates.format(de.endTime,'yyyy-MM-dd')}"></td>
                </tr>
            </table>
        </div>
    </div>
</div>










<footer th:replace="~{commons/tag::footBar}"></footer>
</body>

</html>